import "./Custom.css";
import { Input } from "antd-mobile";
import { useState } from "react";
import Header from "./Header";
function Lt() {
  const [value, setValue] = useState("");
  const [ltlist, setLtList] = useState<any[]>([]);
  const fs = () => {
    setLtList([...ltlist, value]);
    setValue("");
  };
  return (
    <div>
      <Header title="智能客服"></Header>
      <div className="custom-message">
        {ltlist.map((item) => {
          return (
            <>
              <p className="qp">塌塌帅:{item}</p>
            </>
          );
        })}
      </div>
      <div className="custom-input">
        <Input
          className="input"
          placeholder="请输入内容"
          value={value}
          onChange={(val) => {
            setValue(val);
          }}
        />
        <button onClick={fs}>发送</button>
      </div>
    </div>
  );
}

export default Lt;
